<%@ page language="java" contentType="text/html; charset=UTF-8"
 import="com.jju.A1541.dao.UserDAO" 
   import="java.util.*"
   import="com.jju.A1541.model.*"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sign Up</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">  
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons --> 
<!-- //Custom Theme files --> 
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>  
<!-- //js -->
<!-- web-fonts -->   
<link href="http://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet"> 
<link href="http://fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body> 
	<!-- banner -->
	<div class="banner about-w3bnr">
		<!-- header -->
		<div class="header">
			<div class="w3ls-header"><!-- header-one --> 
				<div class="container">
					<div class="w3ls-header-right">
						<ul> 
							<li class="head-dpdn">
								<i class="fa fa-phone" aria-hidden="true"></i> 联系我们: 15779180127
							</li> 
							<li class="head-dpdn">
								<a href="#">
								<%
								User jzz = (User)session.getAttribute("login_user");
								User bjzz = (User)session.getAttribute("login_user1");
								 if(jzz ==null ){
									 if(bjzz==null){
									 out.print("<li class='head-dpdn'><a href='login.jsp'><i class='fa fa-sign-in' aria-hidden='true'></i>登录</a></li>"
											         +
											         "<li class='head-dpdn'><a href='signup.jsp'><i class='fa fa-user-plus' aria-hidden='true'></i> 注册</a></li>");
									 }else{
										 String username = (String)session.getAttribute("u");
								    	  out.print("<li>欢迎："+username+"登录本网站！");
									 }
							      }else{
							    	  String username = (String)session.getAttribute("u");
							    	  out.print("<li>欢迎："+username+"登录本网站！");
							      }
								%>
								 </a>
							</li> 
							<li class="head-dpdn">
								<a href="help.jsp"><i class="fa fa-question-circle" aria-hidden="true"></i> 帮助</a>
							</li>
							<li class="head-dpdn">
								<a href="about.jsp"><i class="fa  fa-male" aria-hidden="true"></i> 关于</a>
							</li> 
							<li class="head-dpdn">
								<a href="logout.jsp"><i class="fa  fa-sign-out" aria-hidden="true"></i> 退出</a>
							</li>
						</ul>
					</div>
					<div class="clearfix"> </div> 
				</div>
			</div>
			<!-- //header-one -->    
			<!-- navigation -->
			<div class="navigation agiletop-nav">
				<div class="container">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header w3l_logo">
							<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<h1><a href="index.jsp">九院旧衣捐赠平台<span>Old clothes donation about Jiujiang University</span></a></h1>
						</div>
						<!-- 导航栏 -->
						<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
							<ul class="nav navbar-nav navbar-right">
								<li><a href="index.jsp" class="active">网站首页</a></li>
								<li class="dropdown">
									<a href="donate.jsp" class="#" >我要捐赠 </a>
								</li>
								<li><a href="inform.jsp" >通知公告</a></li>
								<li><a href="message.jsp">爱心留言</a></li>
								<%
								if(bjzz==null){
									out.print("<li><a href='#address'>爱心征集</a></li>");
								}else{
									out.print("<li><a href='collect.jsp'>爱心征集</a></li>");
								}
								%>
							</ul>
						</div>
					</nav>
				</div>
			</div>
			<!-- //navigation --> 
		</div>
		<!-- //header-end --> 
		<!-- banner-text -->
	</div>
	<!-- //banner -->    
	<!-- breadcrumb -->  
	<div class="container">	
		<ol class="breadcrumb w3l-crumbs">
			<li><a href="#"><i class="fa fa-home"></i> 首页</a></li>
			<li class="active">注册</li>
		</ol>
	</div>
	<!-- //breadcrumb -->
	<!-- sign up-page -->
	<div class="login-page about">
		<img class="login-w3img" src="images/6.png " alt="">
		<div class="container"> 
			<h3 class="w3ls-title w3ls-title1">欢迎注册</h3>
			<div class="col-md-offset-3 col-md-6">
				<div class="tab" role="tabpanel">
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active"><a href="#Section1" aria-controls="" role="tab" data-toggle="tab"><span>用户</span></a></li>
						<li role="presentation"><a href="#Section2" aria-controls="" role="tab" data-toggle="tab"><span>受赠者</span></a></li>
						<li role="presentation"><a href="#Section3" aria-controls="" role="tab" data-toggle="tab"><span>管理员</span></a></li>
					</ul>
					<!-- Tab panes -->
					<div class="tab-content tabs">
						<div role="tabpanel" class="tab-pane fade in active" id="Section1">
							<div class="login-agileinfo">
								<form action="#" method="post">
									<input class="agile-ltext" type="text" name="学号" placeholder="请输入学号（11位）" required="">
									<input class="agile-ltext" type="text" name="手机号" placeholder="请输入手机号" required="">
									<input class="agile-ltext" type="password" name="密码" placeholder="请输入密码" required="">
									<input class="agile-ltext" type="password" name="再次确认密码" placeholder="请再次确认密码" required="">
									<div class="wthreelogin-text">
										<ul>
											<li>
												<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>
													<span>我同意服务和隐私政策的条款</span>
												</label>
											</li>
										</ul>
										<div class="clearfix"> </div>
									</div>
									<input type="submit" value="注册">
								</form>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="Section2">
							<div class="login-agileinfo"> 
				<form action="user_add_save.jsp" method="post"> 
					<input class="agile-ltext" type="email" name="username" placeholder="请输入邮箱" required="">
					<input class="agile-ltext" type="text" name="tel" placeholder="请输入手机号" required="">
					<input class="agile-ltext" type="password" name="password" placeholder="请输入密码" required="">
					<input class="agile-ltext" type="password" name="pwd" placeholder="请再次确认密码" required="">
					<div class="wthreelogin-text"> 
						<ul> 
							<li>
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i> 
									<span>我同意服务和隐私政策的条款</span>
								</label> 
							</li> 
						</ul>
						<div class="clearfix"> </div>
					</div>   
					<input type="submit" value="注册">
				</form>
			</div>	 
		</div>
						<div role="tabpanel" class="tab-pane fade" id="Section3">
							<h3>Section 3</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec urna aliquam, ornare eros vel, malesuada lorem. Nullam faucibus lorem at eros consectetur lobortis. Maecenas nec nibh congue, placerat sem id, rutrum velit. Phasellus porta enim at facilisis condimentum. Maecenas pharetra dolor vel elit tempor pellentesque sed sed eros. Aenean vitae mauris tincidunt, imperdiet orci semper, rhoncus ligula. Vivamus scelerisque.</p>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
	<!-- //sign up-page -->  
	<!-- subscribe -->
	<div class="subscribe agileits-w3layouts"> 
		<div class="container">
			<div class="col-md-6 social-icons w3-agile-icons">
				<h4>Keep in touch</h4>  
				<ul>
					<li><a href="#" class="fa fa-facebook icon facebook"> </a></li>
					<li><a href="#" class="fa fa-twitter icon twitter"> </a></li>
					<li><a href="#" class="fa fa-google-plus icon googleplus"> </a></li>
					<li><a href="#" class="fa fa-dribbble icon dribbble"> </a></li>
					<li><a href="#" class="fa fa-rss icon rss"> </a></li> 
				</ul> 
				<ul class="apps"> 
					<li><h4>Download Our app : </h4> </li>
					<li><a href="#" class="fa fa-apple"></a></li>
					<li><a href="#" class="fa fa-windows"></a></li>
					<li><a href="#" class="fa fa-android"></a></li>
				</ul> 
			</div>
			<div class="col-md-6 subscribe-right">
				<h3 class="w3ls-title">还不想为那些孩子们做什么吗? <br>
					<span ><a href="signup.jsp"> 现在就加入我们!</a></span></h3>
			</div>
			<div class="clearfix"> </div> 
		</div>
	</div>
	<!-- //subscribe --> 
	<!-- footer -->
	<div class="footer agileits-w3layouts">
		<div class="footer-grids" >
			<a href="#">网站简介</a>
			|
			<a href="#">我要捐赠</a>
			|
			<a href="#">通知公告</a>
			|
			<a href="#">爱心留言</a>
			|
			<a href="#">关于我们</a>
			<p>捐赠地址：九江学院三食堂学生服务中心</p>
			<p>爱心热线: 15779180127</p>
			<p>版权所有：信息A1541罗金苹</p>
		</div>
	</div>
	<!-- //footer -->
	<!-- cart-js -->
	<script src="js/minicart.js"></script>
	<script>
        w3ls.render();

        w3ls.cart.on('w3sb_checkout', function (evt) {
        	var items, len, i;

        	if (this.subtotal() > 0) {
        		items = this.items();

        		for (i = 0, len = items.length; i < len; i++) { 
        		}
        	}
        });
    </script>  
	<!-- //cart-js -->	
	<!-- start-smooth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>  
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>	
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
			
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>
	<!-- //end-smooth-scrolling -->	  
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
	<!-- //smooth-scrolling-of-move-up --> 
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
    <script type="text/javascript">
function setSelectUserNo(radioObj){
		
		var radioCheck= $(radioObj).val();
		if("1"==radioCheck){
			$(radioObj).attr("checked",false);
			$(radioObj).val("0");
		}else{ 
			window.location="signup1.jsp";
			$(radioObj).val("1");
		}
	}
</script>
</body>
</html>